<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>

<body>
<h1>用户登录</h1>
用户名：<input name="userName" type="text" id="userName"><br>
密码：<input name="password" type="password" id="password"><br>
<input type="button" value="登录" onclick="login()">

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script>
    function login() {
        $.ajax({
            url: "/user/login",
            type: "POST",
            data: {
                // ：左边的值来自后端，右边的值来自前端
                userName: $("#userName").val(),
                password: $("#password").val()
            },
            // success指的是请求成功后执行的回调函数，data指的是请求成功后返回的数据
            success: function (data) {
                if (data) {
                    // 页面跳转，跳转到index.html页面
                    window.location.href = "/index.html";
                } else {
                    alert("密码错误");
                }
            }
        })
    }
</script>
</body>

</html>